<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/css/nav.css">
</head>
<body>
    <h1>多级导航条页面</h1>
<!--    一级导航条-->
    <ul class="one">
        {% for item_one in one %}
            {% for key,value in item_one.items %}
        <li>
            <p>{{key}}</p>
        <!--二级导航条-->
            <ul class="two">
                {% for item_two in value %}
                {% for key_two,value_two in item_two.items %}
                <li>
                    <p>{{key_two}}</p>
                    <!--     三级导航条      -->
                    <ul class="three">
                        {% for item_three in value_two %}
                        <li>{{item_three}}</li>
                        {% endfor %}
                    </ul>
                </li>
                {% endfor %}
                {% endfor %}
            </ul>
        </li>
        {% endfor %}
    {% endfor %}
    </ul>
</body>
</html>